﻿/* 
	1. Body
		2. Content (Tripoli required) / .content
			3. Global Header #globalHeader
				3.1. Global Breadcrumbs / #globalBreadcrumbs
				3.2. Global Welcome menu / #globalWelcome
			4. Content area / #wrapper
				4.1. Gradient border
				4.2. InSite header / #insiteHeader
					4.2.1. Logo / #logo
					4.2.2. Search box / .searchBox
				4.3. Navigation / #navigation
				4.4. Main content
					4.4.1. Forms / .form (.hd .bd .ft)
				4.5. Footer
    5. General corrections for jQuery UI components working with Tripoli
*/

/* 1. Body */
body { font-family: Arial, Tahoma, Sans-Serif; margin: 0px; padding: 0px; background: url(../../Media/Intranet/InSiteBackground.jpg) repeat-x scroll 0px 43px #00316C; } 

/* 2. Content */
.content
{    
}

a:link, a:visited { color: #224d8c; text-decoration: none; }
a:hover, a:active { color: #6e889b; text-decoration: none; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: auto; top: auto; z-index: 99; }

/* 3. Global Header */
#globalHeader { background: #193969 url(../../Media/Intranet/BackgroundAtlas.png) repeat-x scroll 0 -565px; font-size: 0.9em; padding: 0.1em 0 0.1em 0; height: 43px; line-height: 43px; border-bottom: 1px solid #92b4e4; }

/* 3.1. Breadcrumbs */
#globalBreadcrumbs { line-height: 64px; font-size:1.4 em; font-family:Verdana; font-weight:normal; color:#224d8c;}
#globalBreadcrumbs ul { margin-left: 2em; margin-top: 0px; padding-left: 0px; }
#globalBreadcrumbs li { float: left; display: inline; margin-right: 0.5em; list-style: none; padding-left: 9px; background: transparent url(../../Media/Intranet/breadcrumb.gif) left center no-repeat; }
#globalBreadcrumbs li.first-child { padding-left: 0px; background: none; }
#globalBreadcrumbs a:link, #globalBreadcrumbs a:visited { color: #224d8c; text-decoration: none; font-size: 1.2em; }
#globalBreadcrumbs a:hover, #globalBreadcrumbs a:active { color: #224d8c; text-decoration: underline; font-size: 1.2em; }
#globalBreadcrumbs .error { color: #ee3333; }

/* Tagger. */

.ribbonRightButton  
{
    float: right;
    border: 1px solid transparent;
    display: inline-block;
    height: 60px;
    margin: 0 5px 0 1px;
    overflow: hidden;
    padding: 0 2px;
    text-align: center;
    vertical-align: top;
    width: 48px;
    font-size: 8px;
    line-height: 8px;
    font-family: "Segoe UI",Tahoma,Verdana,sans-serif;
}

.ribbonRightButton .taggerText { font-size: 11px; line-height: 12px; }

/* 3.2. Welcome menu */
#globalWelcome { font-size: 1.1em; }

#globalWelcome ul.sf-menu { float: right; padding: 0; margin: 0; margin-right: 2em; }
#globalWelcome ul li ul { right: -10px; border: 1px solid #868686; background: #f8f7f6; padding-right: 2px; }
#globalWelcome a { color: #f8f7f6; text-decoration: none; padding: 0px 5px; margin-top: 9px; line-height: 20px; border: 1px solid transparent; font-family: Verdana, Sans-Serif; font-size: 0.9em; }
#globalWelcome a:hover { border: 1px solid #92b4e4; background: url(../../Media/Intranet/BackgroundAtlas.png) repeat-x scroll 0 -489px #1b3d70; }
#globalWelcome li span { display: block; color: #758c9c; font-weight: normal; line-height: 1.6em; font-size: 0.9em; }

#globalWelcome ul ul li a { padding-left: 50px; margin-top: 0px; }
#globalWelcome ul ul li a:link, #globalWelcome ul ul li a:visited { color: #313c44; text-decoration: none; background: none; border: none; }
#globalWelcome ul ul li a:hover, #globalWelcome ul ul li a:active { color: #313c44; text-decoration: none; background: none; border: none; }

#globalWelcome ul ul li { border: 1px solid #f8f7f6; }
#globalWelcome ul ul li:hover { background: #d3dbe0 url(../../Media/Intranet/WelcomeSelection.png) repeat-x; border-color: #c5cfd7 #a7b7c3 #a7b7c3; border-right: 1px solid #a7b7c3; border-style: solid; border-width: 1px; }

#globalWelcome ul ul li.myProfile a { background: transparent url(../../Media/Intranet/menuProfile.gif) no-repeat 5px center; }

#globalWelcome .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }

ul.sf-menu li.withArrow { background: transparent url(../../Media/Intranet/menuDown.gif) right no-repeat; padding-right: 12px; }

/* 4. Main area wrapper */
#wrapper 
{ 
    margin: 0 1.5% 10px; 
    -moz-box-shadow: 0px 5px 10px #014054;
    box-shadow: 0px 5px 10px #014054;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    background: #f8f7f6;
    
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#0B5F69', Direction=180, Strength=5),
        progid:DXImageTransform.Microsoft.Shadow(color='#0B5F69', Direction=90, Strength=5);
}

/* 4.1. Gradient border */

/* 4.2. InSite header */
#insiteHeader { background: url(../../Media/Intranet/BackgroundAtlas.png) repeat-x scroll 0 -1023px #eeeef2; height: 64px; }

/* 4.2.1. Logo */
#logo { float: left; margin-left: 1em; margin-top: 11px; }
#logo img { border: none; }

/* 4.2.2. Search box */
.searchBox { display: none; float: right; padding-left: 0.5em; padding-right: 0.5em; width: 16em; }
.searchHasDivider { background: transparent url(../../Media/Intranet/Search/dividerSearchVertical.png) no-repeat left center; }

.searchBox h4 { color: #2a4666; font-size: 0.9em; font-weight: 400; padding-bottom: 0.3em; margin: 0.7em 0 0; background: transparent url(../../Media/Intranet/Search/dividerSearch.png) no-repeat left bottom; }
.searchBox .bd { background: transparent url(../../Media/Intranet/Search/dividerSearch.png) no-repeat left bottom; }
.searchBox img { vertical-align: bottom; }
.searchBox .action { vertical-align: middle; }
.searchBox .bd input { margin: 0.5em; width: 10em; }

.searchBox a { text-decoration: none; }

/* 4.3. Navigation */

#navigation 
{ 
    background: url(../../Media/Intranet/HeaderBackground.png) repeat-x scroll left top #eeeef2;
    border-bottom: 1px solid #aaaabe;
    border-top: 1px solid #d2d2dd;
    min-height: 25px;
    vertical-align: middle;
	text-align: left;
	font-size: 0.8em;
}

#navigation div.search-Box
{ 
    /*
    background: url(../../Media/Intranet/HeaderBackground.png) repeat-x scroll left top #eeeef2;
    border-bottom: 1px solid #aaaabe;
    border-top: 1px solid #d2d2dd;
    */
    vertical-align: middle;
    float:right;
    margin-right:10px;
	/*text-align: right;*/
	/*
	font-size: 0.8em;
    */
}

/*
#navigation ul 
{
	display: inline;
	padding-bottom: 0;
	padding-right: 12px;
	padding-left: 0px;
	margin: 0;
	font-size: 1.1em;
	padding-bottom:0px;
} 

#navigation ul li  
{
	display: inline;
	line-height: 25px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	margin-right: 15px;
	font-size: 8pt;
}

#navigation ul li.first
{
	background: none;
	padding-left:10px;
}

#navigation ul li a
{
	text-decoration: none;
	color: #224d8c;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
}

#navigation ul li a:hover
{
	text-decoration: underline;
	color: #6e889b;
}
*/

/* 4.4. Main content */ 
					
/* 4.4.1. Forms */
.form {}
				
.form .hd { padding: 1em 0.5em 1em 0.5em; background: #ffe9ac url(../../Media/Intranet/formGradient.gif) repeat-x top; }
.form .hd h1 { font-size: 2em; font-weight: normal; margin: 0; }

.form .bd { padding: 1em 0.5em 1em 0.5em; }

.form .ft { padding: 1em 0.5em 1em 0.5em; }

#mainForm { margin: 0px; }
.aspNetHidden { display: none; }

/* 4.5. Footer */
/*#footer {}
#footer ul { font-size: 0.9em; float: right; margin-right: 1.5%; }
#footer li { float: left; display: inline; margin-right: 0.5em; list-style: none; padding-left: 9px; border-left: 1px solid #336666; }
#footer li.first-child { padding-left: 0px; border: none; color: White; }
#footer a:link, #footer a:visited { color: #eeeef2; text-decoration: none; }
#footer a:hover, #footer a:active { color: #6e889b; text-decoration: none; }
*/

/* V4 Footer */
div#footer 
{
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#footer ul 
{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
    color: #4D8CB3;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

div#footer li
{
	display: inline;
	list-style: none;
}

div#footer li a:link, div#footer li a:visited
{
    text-decoration: none;
    color: #4D8CB3;
}

div#footer li a:hover
{
    text-decoration: none;
    color: #4D8CB3;
}

div#footer li a:active 
{
    text-decoration: none;
    color: #4D8CB3;
}

div#footer .pipespace 
{
    margin-left: 10px;
    margin-right: 10px;
}

div#footer .error { color: #ee3333; }
/* End V4 Footer */


/* 5. jQuery UI / Tripoli relationship corrections */ 
.content .ui-accordion .ui-accordion-header { margin-bottom: 0; }
.content h3.ui-accordion-header { font-size: 1em; }